@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {
  html {
    @apply antialiased;
  }

  body {
    @apply bg-gray-50;
  }
}

@layer components {
  .container {
    @apply max-w-7xl mx-auto px-4 sm:px-6 lg:px-8;
  }
}

.custom-draggable-class {
  background: #28b7b0;
  height: 4px;
}

.custom-horizontal-class {
  height: 2px;
  background: rgba(255, 255, 255, 0.7);
}

/* 文本超出隐藏 */
.text-ellipsis-clamp {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  overflow: hidden;
}
